﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<SCB.Presentation.Models.HomeModels>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="center_banner">
        <table align="center" cellpadding="0" cellspacing="0">
            <tbody>
                <tr>
                    <td align="center">
                        <div id="RefFlCenter_1" style="width: auto;">
                            <a tabindex="-1" title="gola.vn" href="#" target="_blank">
                                <img src="../../Content/Product/0.jpg" width="468" height="200" alt="Gola" class="picture_banner" />
                            </a>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="uitab">
        <ul class="temp_tab">
            <li class="first"></li>
            <li id="1" class="current"><a href="#"><span><b>Mới cập nhật</b></span> </a></li>
            <li id="2"><a href="#"><span><b>Nhất tuần</b></span> </a></li>
            <li id="3"><a href="#"><span><b>Nhất tháng</b></span> </a></li>
            <li id="4"><a href="#"><span><b>Mới đổi giá</b></span> </a></li>
            <li id="5"><a href="#"><span><b>Nhiều người bán</b></span> </a></li>
            <li class="last"></li>
        </ul>
        <div class="break_module">
        </div>
        <div id="new_update" class="center">
            <div class="title">
                <div class="fl">
                </div>
                <div class="fc">
                    <span>Mới cập nhật </span>
                </div>
                <div class="fr">
                </div>
                <div class="fe">
                    <span></span>
                </div>
            </div>
            <div class="content">
                <% Html.RenderPartial("ProductList", Model.NewUpdateProducts); %>
            </div>
        </div>
        <div id="one_week" class="center">
            <div class="title">
                <div class="fl">
                </div>
                <div class="fc">
                    <span>Nhất tuần </span>
                </div>
                <div class="fr">
                </div>
                <div class="fe">
                    <span></span>
                </div>
            </div>
            <div class="content">
                <% Html.RenderPartial("ProductList", Model.OneWeekProducts); %>
            </div>
        </div>
        <div id="one_month" class="center">
            <div class="title">
                <div class="fl">
                </div>
                <div class="fc">
                    <span>Nhất tháng </span>
                </div>
                <div class="fr">
                </div>
                <div class="fe">
                    <span></span>
                </div>
            </div>
            <div class="content">
                <% Html.RenderPartial("ProductList", Model.OneMonthProducts); %>
            </div>
        </div>
        <div id="new_change_price" class="center">
            <div class="title">
                <div class="fl">
                </div>
                <div class="fc">
                    <span>Mới đổi giá </span>
                </div>
                <div class="fr">
                </div>
                <div class="fe">
                    <span></span>
                </div>
            </div>
            <div class="content">
                <% Html.RenderPartial("ProductList", Model.NewChangePriceProducts); %>
            </div>
        </div>
        <div id="most_provider" class="center">
            <div class="title">
                <div class="fl">
                </div>
                <div class="fc">
                    <span>Nhiều người bán</span>
                </div>
                <div class="fr">
                </div>
                <div class="fe">
                    <span></span>
                </div>
            </div>
            <div class="content">
                <% Html.RenderPartial("ProductList", Model.MostProviderProducts); %>
            </div>
        </div>
    </div>
    <!--popup product infomation-->
    <div id="product_info" class="popup_block">
    </div>
    <!-- start using diplay gmaps-->
    <%foreach (var locationDetail in Model.ProviderLocations)
      {
          Html.RenderPartial("LocationDetail", locationDetail);
      }
    %>
    <!---end using display gmaps--->
    <!-- Script to handle tab content-->
    <script type="text/javascript" language="javascript">
        $("#uitab .center").hide();
        if ($("#uitab ul.temp_tab li").hasClass("current") == true) {
            $("#uitab #new_update").show(0);
        }
        $("#uitab ul.temp_tab li").click(function (ui) {
            var currentid = $(this).attr("id");
            $("#uitab .center").hide();
            switch (currentid) {
                case "1":
                    $("#uitab #new_update").fadeIn(); //show(500);
                    break;
                case "2":
                    $("#uitab #one_week").fadeIn();
                    break;
                case "3":
                    $("#uitab #one_month").fadeIn();
                    break;
                case "4":
                    $("#uitab #new_change_price").fadeIn();
                    break;
                case "5":
                    $("#uitab #most_provider").fadeIn();
                    break;
            }
            $(".temp_tab li").removeClass("current");
            if ($(this).hasClass("current") == false) {
                $(this).addClass("current");
            }
        });
       
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="LeftPanel" runat="server">
    <%Html.RenderPartial("LeftPanelUserControl", Model.Categories); %>
    <div class="break_module">
    </div>
    <div class="temp_5">
        <div class="title">
            <div class="fl">
            </div>
            <div class="fc">
                <span>Tin tức tổng hợp</span></div>
            <div class="fr">
            </div>
        </div>
        <div class="content">
            <div class="list_link">
                <ul>
                    <li><a href="#" style="word-wrap: break-word;">Sẽ hạn chế lưu thông xe máy vào năm 2020</a></li>
                    <li><a href="#" style="word-wrap: break-word;">Vinalines đã thanh toán 800.000 USD để
                        chuộc tàu</a></li>
                    <li><a href="#" style="word-wrap: break-word;">Obama thất vọng vì không được dùng điện
                        thoại 'sành điệu'</a></li>
                    <li><a href="#" style="word-wrap: break-word;">Những bài văn bất hủ của học trò </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="bottom">
            <div class="fl">
            </div>
            <div class="fr">
            </div>
        </div>
    </div>
</asp:Content>
